.container {
  background-color: #f4f6fa;

  .task_info {
    width: 354.17px;
    height: 118.06px;
    background: #ffffff;
    border-radius: 6.94px;
    margin: 10px 10px 16px;
    padding: 17px 10px;

    img.images {
      margin-right: 18px;
      width: 83px;
      height: 83px;
      border-radius: 10px;
    }

    .deadline {
      img {
        width: 11px;
        height: 11px;
      }

      font-size: 11.81px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: left;
      color: #ff9500;
    }

    .scaleType {
      font-size: 13.89px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: left;
      color: #888888;
      margin: 15.67px 0 10px;
    }
    .recommend_box {
      display: flex;
      align-items: center;
      .recommend_img {
        width: 33.33px;
        height: 16.67px;
      }
      .hot_img {
        width: 8.33px;
        height: 10.67px;
        margin: 0 6px;
      }
      .evaluate_person {
        font-size: 11.33px;
        color: #ff9500;
      }
    }

    .name {
      font-size: 18.75px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: left;
      color: #333333;
      width: 191px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }

  .scale_info,
  .user_select,
  .scale_introduce,
  .scale_know {
    margin-left: 17px;

    .title {
      .bar {
        margin-right: 10px;
      }

      .text {
        font-size: 15.97px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: bold;
        text-align: left;
        color: #333333;
      }
    }
  }

  .scale_info_container {
    width: 354.17px;
    // height: 441.67px;
    background: #ffffff;
    border-radius: 6.94px;
    margin: 15px auto;
    padding: 0px 13px;

    .item {
      height: 48px;
      width: 326px;
      border-bottom: 0.35px solid #ddd;

      &:last-child {
        border-bottom: 0;
      }

      .label {
        font-size: 15.28px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #666666;
      }

      .text {
        font-size: 15.28px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #333333;
      }

      .deadline {
        font-size: 15.28px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #ff9500;
      }
    }
  }

  .know {
    width: 354.17px;
    background: #ffffff;
    border-radius: 6.94px;
    margin: 15px auto;
    padding: 23px 13px 29px;

    .item {
      span.blue_circle {
        transform: translateY(-3px);
      }

      font-size: 14.58px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: left;
      color: #555555;
      line-height: 29.17px;
    }
  }

  .introduce {
    width: 354.17px;
    // height: 180.56px;
    background: #ffffff;
    border-radius: 6.94px;
    margin: 15px auto;
    padding: 23px 13px 23px;

    .content {
      width: 325.69px;
      font-size: 14.58px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: left;
      color: #555555;
      line-height: 31.25px;
      text-indent: 2em;
    }

    .text {
      font-size: 13.89px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: 400;
      text-align: left;
      color: #aaaaaa;
      margin-top: 21px;

      img {
        width: 10px;
        height: 10px;
        margin-left: 6px;
      }
    }
  }

  .confirm {
    width: 375px;
    height: 62.5px;
    background: #ffffff;
    padding-left: 20px;

    .flex_column {
      .sum {
        margin-bottom: 9px;
        font-size: 14.58px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #333333;

        span {
          font-size: 14.58px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: 400;
          text-align: left;
          color: #ff9500;
        }
      }
    }

    .flex_row {
      .text {
        margin-left: 8px;
        font-size: 13.19px;
        font-family: Resource Han Rounded CN, Resource Han Rounded CN-Regular;
        font-weight: 400;
        text-align: left;
        color: #555555;

        span {
          color: #00aeff;
        }
      }
    }

    .btn {
      width: 107.64px;
      height: 62.15px;
      border-radius: 0;
    }
  }
  .evaluation_btn {
    width: 340px;
    height: 46.67px;
    line-height: 46.67px;
    background: linear-gradient(0deg, #ffffff -20%, rgba(255, 255, 255, 0) 20%),
      #00aeff;
    border-radius: 6.67px;
    color: #ffffff;
    font-size: 15.33px;
    text-align: center;
    margin: 30px auto;
  }
}
.notice_txt {
  color: #555555;
  line-height: 28px;
  font-size: 14px;
}
